
.setObject[data-type="noteStyleTextarea"] .content-editable-field{
    word-wrap: break-word;
}
.setObject[data-type="noteStyleTextarea"] .cefb-corner-top-left{
    background-image: url(/images/icon/cornerBorder2.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.setObject[data-type="noteStyleTextarea"] .cefb-corner-bottom-right{
    background-image: url(/images/icon/cornerBorder2.png);
    background-repeat: no-repeat;
    background-position: -3px -3px;
    width: 9px;
    height: 9px;
    position: absolute;
    right: -1px;
    bottom: -1px;
    z-index: 1;
}
/*.td-relative .setObject[fluid-container-cell="Yes"]{
    position: relative !important;
}*/

/*TAB PANEL DESIGN*/
.setObject[data-type="tab-panel"]{
    /*font:normal normal normal 15px/15.399999618530273px Verdana, Arial, sans-serif;*/
}
.setObject[data-type="tab-panel"] li.ui-state-active{
    border: 1px solid #cccccc !important;
    border-bottom-width: 0 !important;
}

@-moz-document url-prefix() {
    .setObject[data-type="tab-panel"] .form-tabbable-pane > .ui-tabs-nav li span.ui-icon.ui-icon-close{
        float:left;
    }
}

.setOBJ[data-type="tab-panel"] .ui-tabs-panel[role="tabpanel"]{
    /*font-size: 13px;*/
	/*font:normal normal normal 15px/15.399999618530273px 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;*/
}
.setOBJ[data-type="tab-panel"] .ui-tabs-panel[role="tabpanel"]{
    /*font-size: 13px;*/
    /*font:normal normal normal 15px/15.399999618530273px 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;*/
}

.ui-tabs-nav > li[tab-name]{
    width: auto !important;
}

/*TAB PANEL SCROLLABLE NAV*/
.setObject[data-type="tab-panel"][ui-tabs-nav-scrollable="true"]{
    display:inline-block !important;
}
.setObject[data-type="tab-panel"][ui-tabs-nav-scrollable="true"] .ui-tabs-nav{
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: 19px;
    margin-right: 22px;
}
.setObject[data-type="tab-panel"][ui-tabs-nav-scrollable="true"] .ui-tabs-nav li{
    float: none;
    text-align: left;
    display: inline-block;
    bottom: -3px;
}

.setObject[data-type="tab-panel"][ui-tabs-nav-scrollable="true"] .form-tabbable-pane[has-scroll="true"]  .ui-tabs-nav{
    margin-left: 19px;
    margin-right: 22px;
    overflow-x: hidden;
}
.setObject[data-type="tab-panel"][ui-tabs-nav-scrollable="true"] .ul-scroll-anchor{
    position: absolute;
    width: calc(100% - 8px);
    height: 0;
}
.setObject[data-type="tab-panel"][ui-tabs-nav-scrollable="true"] .ul-scroll-anchor .ul-scroll-anchor-bg{
    background-color: #6e6e6e;
    display: inline-block;
    height: 41px;
    width: 100%;
}
.setObject[data-type="tab-panel"][ui-tabs-nav-scrollable="true"] .ul-scroll-anchor .scroll-achor-left{
    width: 20px;
    height: 41px;
    /*background-color: rgba(0,0,0,0);*/
    background-color: #6e6e6e;
    float: left;
    display: none;
    padding: 13px 6px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    cursor: pointer;

}

.ul-scroll-anchor .scroll-achor-left > i, .ul-scroll-anchor .scroll-achor-right > i {
    font-size: 15px;
    
}/*color: #fff !important;*/

.setObject[data-type="tab-panel"][ui-tabs-nav-scrollable="true"] .form-tabbable-pane[has-scroll="true"] > .ul-scroll-anchor .scroll-achor-left{
    display:block;
}
.setObject[data-type="tab-panel"][ui-tabs-nav-scrollable="true"] .ul-scroll-anchor .scroll-achor-right{
    width: 20px;
    height: 41px;
    /*background-color: rgba(0,0,0,0);*/
    background-color: #6e6e6e;
    float: right;
    display: none;
    padding: 13px 5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    cursor: pointer;
}
.setObject[data-type="tab-panel"][ui-tabs-nav-scrollable="true"] .form-tabbable-pane[has-scroll="true"] > .ul-scroll-anchor .scroll-achor-right{
    display: block;
}


/*LABEL ALIGNMENT LEFT*/
.align-left-wrapper{
    position:relative;
    width:100%;
    height: 100%;
}
.align-left-wrapper-table{
    display:table;
    width:100%;
    height:100%;
}

.align-left-wrapper-row{
    display:table-row;
}


.setObject .lbl-aligned-left{
    display: table-cell;
    vertical-align: top;
    width:45px;
    min-width:20px;
}
.lbl-aligned-left .lbl-aligned-left-wrap{
    height: 100%;
    position: relative;
    width: 100%;
}
.clear-left-align{
    clear: both;
}


.obj_f-aligned-left{
    display: table-cell !important;
}

.obj_f-aligned-left .obj_f-aligned-left-wrap{
    height: 100%;
    position: relative;
    width: 100%;
}



/*NOTES STYLE PLACE HOLDER  [contentEditable=true]:empty:not(:focus):*/
.content-editable-field[contentEditable=true]:empty:not(:focus):before {
    content:attr(placeholder);
    color:rgb(150, 150, 150);
}
.content-editable-field[contentEditable=true]:empty:before {
    content:attr(placeholder);
    color:rgb(200,200,200);
}

/*MENTION POST*/
#popup_message .mentionContainer{ /*EEEDIT HERE*/
    position: relative;
}
#popup_message .mentionContainer .mentionSelectedContainer{ /*EEEDIT HERE*/
    min-height: 35px;
    width: 312px;
}

/*PROPERTIES OF FIELD FUNCTIONALITY*/
#popup_message select{
    margin:0;
}

.design-embed-highlights-prop td{
    vertical-align: top;
}

/* FOR SORTABLE IN MOBILITY*/
.sortable-placeholder{
    background-color: rgba(0,0,255,0.1);
    height: 30px;
    border: 1px solid black;
}
#sortable-mobile.ui-sortable{
    height: 100%;
    width: 100%;
}



/*FOR FOCUSING*/
.component-primary-focus{
    /*box-shadow: 0px 0px 10px blue !important;*/
    outline:1px solid blue !important;
}
.component-ancillary-focus{
    /*box-shadow: 0px 0px 10px orange;*/
    outline:1px solid orange;
}
/*FOR RADIO AND TEXTBOX*/
.NM-redborder{
    border:2px solid red !important;
}
.rc-align-vertical{
    display: block;
}
.rc-align-horizontal{
    display: inline-table;
    width: 5px;
}
/*FOR TABLE*/
.ui-icon-edit{
    background-position: -64px -113px;
}
.dynamic-td-droppable-selected{
    background-color: rgba(100,100,100,0.5) !important;
}
.form-table td{
    vertical-align: top;
    border: 1px solid #ddd;
}

/*FOR RESIZABLE*/
.resizing-also-resize{
    background-color: rgba(200,200,255,0.5) !important;
}

.workspace{
    border: 1px solid #ddd;background: url(/images/themes/workspace.jpg);height: 600px;width:1030px;
}

.contentBar_workspace{
    float: left;width: auto;border: 1px solid #d5d5d5;margin-left: 1px;background-color: #FAFAFA;margin-bottom: 200px;
}

input[class^="form-"],
input[class*="form-"]{
    /*color: black;*/
    /*background: #FFF;*/
    border: 1px solid #D5D5D5;
    padding: 7px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
    .formbuilder_ws .setObject{
        position: absolute !important;
	z-index: 1;
	min-width:80px;
	border: 2px dotted;
	border-color: transparent;
	padding: 0px;
    display: inline-table;
    }
    .setObject-drag-handle{
	z-index: 3;
    }
	.setOBJ:not([data-type="embeded-view"]){
	    position: absolute;
	    z-index: 1;
	    min-width:80px;
	    border: none;
	    border-color: transparent;
	    padding: 0px;
        display: inline-table;
	}
    
    .setObject:hover{
	/*border-color: #ddd;*/
    }
	.setObjects_actions{
	    text-align: right;height:20px;
	    position: absolute;
	    width: 27px;
	    margin-top: -20px;
	    right: 0;
        z-index: 5;
	}
    /* Object properties design */
	.object_properties_wrapper{
	    float: left;
	    width: 100%;
	    margin-bottom: 5px;
	    height: 200px;
	    overflow:hidden;
	}
    .obj_label{
	min-height:20px;
    min-width:20px;
    display: block;
    }
	.obj_label label{
    display: block;
    word-wrap:break-word;
    }
    /* Field */
    .form-text{
	min-width:80px;
	width:100%;
        /*height: 28px;*/
    height: 32px;
    }
    .form-field{
	min-width:80px;
	width:40%;
        height: 28px;
	margin-top: 5px;
	margin-right: 20px;
    }
    .form-textarea_save{
	min-width:80px;
	width:100%;
        height: 50px;
	margin-top: 5px;
	background: #FFF;
	border: 1px solid #D5D5D5 !important;
	padding: 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    }
    .form-textarea{
    font-family: "open_sansregular"!important;
	min-width: 80px;
	width:100%;
    height: 50px;
	margin-top: 5px;
	margin-right: 20px;
	/*background: #FFF;*/
	border: 1px solid #D5D5D5;
	padding: 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    }
    .form-selectMany{
	width:100%;
        height: 100px;
	margin-top: 5px;
	margin-right: 20px;
	/*background: #FFF;*/
	border: 1px solid #D5D5D5;
	padding: 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    }
    .form-select{
	width:100%;
	/*margin-top: 5px;*/
	margin-right: 20px;
	/*background: #FFF;*/
	border: 1px solid #D5D5D5;
	padding: 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    }
    .hovering_object{
	z-index: 2 !important;
    }
/* */
    .form_properties_container{
        position: relative;
        border: 1px solid;
    }
    .form_properties{
        position: fixed;
        top:37px;
        /*top: -70px;*/
        right: -211px;
        border-radius:5px 0px 0px 5px;
        border-left: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
        border-right: 1px solid #DDD;
        min-height: 500px;
        width: 200px;
        background-color: #FAFAFA;
        z-index: 1000;
	padding: 5px;
    }
    .form_properties_actions{
        position: fixed;
        /*top: 37px;*/
        top:37px;
        right: 0;
        border-radius:5px 0px 0px 5px;
        border: 1px solid #ddd;
        height: 30px;
        min-width: 30px;
        background-color: #FAFAFA;
        border-right: none;
        cursor: pointer;
        z-index: 1000;
	
    }
        .form_properties_actions > div{
            margin-top: 5px;margin-left: 8px;
        }
    
/* Settings Design CSS */
    
    .form_settings{
        float: left;width: 100%;list-style: none;
    }
        .form_settings > div.form_menu:first-child{
            float: left;width: 100%;border: 1px solid #DDD;
	    background: #FAFAFA;
	    background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #EFEFEF));
	    background: -webkit-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	    background: -o-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	    background: -ms-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	    background: linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );
	    text-decoration: none;
        }
            .form_settings > div.form_menu:first-child > div{
                padding: 5px;height: 15px;font-size: 10px;
            }
        .form_settings > div.form_menu{
            float: left;width: 100%;
        }
	    
            .form_settings > div.form_menu > div{
                padding: 5px;height: 15px;font-size: 10px;width: 45%;
            }
         
    .form_settings > div.form_menu:first-child > div:hover{
        color: #000;
        text-decoration: none;
    }		 
    
    .form_settings > div.form_menu > div:hover{
        color: red;
        cursor: pointer;
        text-decoration: underline;
    }
    .properties_width_container{
	/*width:45%;*/
    }
    .ui-resizable-helper { border: 2px dotted #00F; }
    


    .ws-ruler-vertical-column-guide{
	width: 1px;
	background-color: rgba(255,100,100,0.7);
	height: 100%;
	position: absolute;
	z-index: 500;
    }
    .ws-ruler-horizontal-row-guide{
            height: 1px;
            background-color: rgba(255,100,100,0.7);
            width: 100%;
            position: absolute;
            z-index: 500;
    }
